<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>剑桥英语</title>
  <link rel="stylesheet" href="css/init.css">
  <link rel="stylesheet" href="css/headerFooter.css">
  <link rel="stylesheet" href="css/question.css">
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<header class="container clearfix">
  <div class="header">
    <img src="./img/logo.png" width="52px" height="59px" alt="">
    <div class="headerLine"></div>
    <img class="jqlogo" src="./img/logoName.png" width="150px" height="55px" alt="">
    <img class="right rightImg" width="110px" height="33px" src="./img/logoRight.png" alt="">
  </div>
</header>
<div class="headerBg"></div>
<div class="container clearfix ">
  <div class="bread"><a href="index.html">首页 > </a><a href="question.html" class="active">考试常见问题FAQ</a></div>
  <div class="titleName">
    <span class="line"></span><span class="name">考试常见问题FAQ</span><span class="line"></span>
  </div>
  <div class="questionCon">
    <div class="questionBlock">
      <div class="questionTitle">
        <span>问:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
        <i class="bottomIcon"></i>
      </div>
      <div class="expand">
        <span>答:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
      </div>
    </div>
    <div class="questionBlock">
      <div class="questionTitle">
        <span>问:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
        <i class="bottomIcon"></i>
      </div>
      <div class="expand">
        <span>答:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
      </div>
    </div>
    <div class="questionBlock">
      <div class="questionTitle">
        <span>问:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
        <i class="bottomIcon"></i>
      </div>
      <div class="expand">
        <span>答:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
      </div>
    </div>
    <div class="questionBlock">
      <div class="questionTitle">
        <span>问:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
        <i class="bottomIcon"></i>
      </div>
      <div class="expand">
        <span>答:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
      </div>
    </div>
    <div class="questionBlock">
      <div class="questionTitle">
        <span>问:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
        <i class="bottomIcon"></i>
      </div>
      <div class="expand">
        <span>答:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
      </div>
    </div>
    <div class="questionBlock">
      <div class="questionTitle">
        <span>问:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
        <i class="bottomIcon"></i>
      </div>
      <div class="expand">
        <span>答:</span>
        <div class="questionName">剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教剑桥英语青少版 配套合剑桥英语青少版的进阶式补充阅读教 ？</div>
      </div>
    </div>
  </div>
  <div class="page">
    <div id="page"></div>
  </div>
</div>
<div class="bottomBg1" style="margin-top: -30px"></div>
<div class="bottomBg2">
  <div class="container clearfix">
    <div class="bottomBlock bottomBlock1 test">
      <div class="bottomBlockTitle" style="margin-bottom: 35px">
        <span>报名考试</span><span class="line"></span><span>Candidate Registration</span>
      </div>
      <a class="bottomBlockName" href="userLogin.html">个人报名</a>
      <!--<a class="bottomBlockName" href="javascript:;">在线课程咨询</a>-->
      <a class="bottomBlockName" href="companyLogin.html">机构报名</a>
    </div>
    <div class="bottomBlock bottomBlock2">
      <div class="bottomBlockTitle" style="margin-bottom: 50px">
        <span>在线课程</span><span class="line"></span><span>Online Courses</span>
      </div>
      <a class="bottomBlockName" href="javascript:;">进入课程</a>
    </div>
  </div>
</div>
<footer class="footer clearfix" style="margin-top: 0">
  <div class="container clearfix">
    <div class="footerTitle">剑桥领思中国运营中心</div>
    <div class='footerLeft'>
      <div>客服电话</div>
      <div class="line"><span ></span></div>
      <div class="info"><i class="footerIcon phone"></i>400-100-8565 </div>
      <div style="font-size: 12px">（周一至周日 08:00 – 20:00）</div>
    </div>
    <div class='footerCenter'>
      <div>客服邮箱</div>
      <div class="line"><span></span></div>
      <div class="info"><i class="footerIcon email"></i>service@piloteducation.cn</div>
    </div>
    <div class='footerRight right'>
      <img class="" src="./img/logoName.png" width="175px" height="64px" alt="">
    </div>
  </div>

</footer>
<div class="copyRight">
  京公网安备11011302000942号 <a href="https://beian.miit.gov.cn/" style="color:#fff">ICP备案许可证：京ICP备13031798号-1</a> Copyright 2005 - 2020 领航文化 All Rights Reserved
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="layui/layui.js"></script>
<script>
  $(document).ready(function(){
    // 分页逻辑
    layui.use('laypage', function(){
      var laypage = layui.laypage;
      //执行一个laypage实例
      laypage.render({
        elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 50 //数据总数，从服务端得到
        ,limit:15//一页15条
        ,jump: function(obj, first){
          //obj包含了当前分页的所有参数，比如：
          console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
          console.log(obj.limit); //得到每页显示的条数

          //首次不执行
          if(!first){
            //执行ajax
          }
        }
      });
    });
    $('.questionCon ').on('click','.questionBlock i',function () {
      if($(this).hasClass('topIcon')){
        $(this).removeClass('topIcon').addClass('bottomIcon');
        $(this).parent().siblings('.expand').hide();
        $(this).parent().removeClass('active')
      }else{
        $(this).removeClass('bottomIcon').addClass('topIcon');
        $(this).parent().siblings('.expand').show();
        $(this).parent().addClass('active')
      }
    })
  });
</script>
</body>
</html>
